<template>
    <div>
        <!-- ui库中的：输入框 Input -->
        <!-- :placeholder="plstring"表示：把父组件传递过来的值，绑定到输入框中 -->
        <!-- <a-input :style="{width:'320px'}" v-model="inputComponent" :placeholder="plstring" allow-clear @keyup.enter="handleSubmit"/> -->
        <!-- 把属性plstring改为modelValue -->
        <a-input :style="{width:'320px'}" v-model="inputComponent" :placeholder="modelValue" allow-clear @keyup.enter="handleSubmit"/>
    </div>
</template>

<script setup>
import { ref } from 'vue';

// 向组件传入参数, 首先组件需要定义参数: defineProps
const props = defineProps({
  // plstring: String,
  modelValue: String,
})
console.log(props.modelValue)
// 用户输入的值
const inputComponent=ref('')
// 定义一个事件，事件的名称可以使用数组来进行定义,让父组件处理事件
// 'inFocus', 'submit'表示事件名称，可以自己定义
// const emit = defineEmits(['inFocus', 'submit'])
// const handleSubmit =() => {
//     emit('submit',inputComponent.value)
// }
// 把事件改为update:modelValue
const emit = defineEmits(['update:modelValue'])
const handleSubmit =() => {
    emit('update:modelValue',inputComponent.value)
}


</script>

<style lang="scss" scoped>

</style>